@media screen and (max-width: 1700px) {
.team .flexslider li .pic { margin-right: 0; width: 50%; }
}
@media screen and (max-width: 1169px) {
#hd .logo { margin-right: 0; }
#hd .tel { float: left; }
#banner .flex-control-nav { bottom: 20px; }
.ul-service li { }
.tab-con-box { width: 54%; }
}
@media screen and (max-width: 1068px) {
#hd { display: none!important; }
#m-hd { display: block; }
.wp { padding: 0 10px; }
#bd { padding-top: 50px; }
.ul-web { }
.process em { -webkit-background-size: 80%; background-size: 80%; }
}
@media screen and (max-width: 1020px) {
.tab-con-box { width: 45%; }
}
@media screen and (max-width: 1048px) {
.ul-news-i li.on .hover .pad { }
}
@media screen and (max-width: 1024px) {
.team .flexslider li .txt { width: 100%; float: none; }
.team .flexslider li .pic { width: 100%; float: none; height: 419px; margin-bottom: 20px; }
.team .flexslider .slides li { height: auto; }
}
@media screen and (max-width: 960px) {
html, body { }
.ul-list li { width: 33.3333%; }
.ul-service li { width: 100%; }
.service-con .col-l, .service-con .col-r { width: 100%; }
.ul-webset li.li1 .block, .ul-webset li.li2 .block, .ul-webset li.li3 .block { }
.ul-customer li { width: 33.3333%; }
.tit-i { padding: 20px 0; }
.customer { margin-bottom: 0; padding-bottom: 0px; }
.ul-tab { width: 100%; background: none; }
.ul-tab li { float: left; width: 33.333%; }
.ul-tab li h3 { background: url(../images/circle.png) left center no-repeat; padding-left: 30px; }
.ul-tab li span { padding-left: 30px; }
.tab-con { width: 100%; }
.ul-solution li { width: 33.333%; }
.webset-pop .txt { width: 50%; margin-bottom: 20px; }
.webset-pop .txt1 { width: 100%; }
body, html { }
.ul-web { }
.ul-news-i li .hover .pad { }
.ul-case li .txt { }
.bg-blue { background: #f5f6fa; }
.web-con .shou { top: 146px; }
.tab-con { min-height: 419px; }
.tab-con-box { width: 65%; }
.ul-web li { padding-left: 0; }
}
@media screen and (max-width: 900px) {
.ul-case li { width: 50%; }
.side, .side2 { display: none; }
.ul-news-i li { width: 50%; margin-bottom: 10px; }
.news-bg { background: #16182c; }
}
@media screen and (max-width: 880px) {
.ul-icon-i li .pad .pic { }
}
@media screen and (max-width: 768px) {
.ul-icon-i li { width: 50%; }
.case-i-l, .case-i-r { width: 100%; padding: 0; float: none; }
.ul-case-i { margin: 0 }
.ul-case-i-1 li { width: 50%; }
.ul-news-i { width: 100%; margin-left: 5px; margin-right: 0; }
.ul-news-i li { width: 50%; margin-bottom: 10px; }
.ul-news-i li .hover { left: 0; width: 100%; }
.ul-news-i li:last-child { width: 50%; }
.news-more { padding: 0 10px; display: none; }
.contact-l, .contact-r { width: 100%; clear: both; }
.map .btn { }
.ul-about li .block { }
.ul-about li, .ul-webset li { width: 100%; margin-bottom: 15px; }
#fd { background: url(../images/fd_bg.png) no-repeat center top; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-top: -18px; }
#fd .fd-copy { text-align: center; background: none; height: auto; padding: 8px 0; }
#banner { overflow: hidden; }
#banner .flexslider .slides li { }
#banner .flexslider .slides li img { }
#banner .slides li .ban-txt { margin-top: 0; top: 20px; left: 0; margin-left: 0; text-align: center; width: 100%; -webkit-background-size: 100%; background-size: 100%; }
.news-bg { background: #16182c; }
#banner .slides li .ban-txt h5 { font-size: 26px; margin-top: -10px; }
#banner .slides li .ban-txt h3 { font-size: 26px; }
#banner .slides li .ban-txt h2 { font-size: 50px; }
#banner .slides li .ban-txt h2 { height: 84px; line-height: 84px; }
#banner .slides li.s2 .ban-txt { margin: 0; width: 100%; }
#banner .slides li.s2 .ban-txt h2 { font-size: 50px; }
#banner .slides li.s3 .ban-txt h3 { font-size: 40px; }
.case-img { margin-bottom: 30px; }
.side, .side2 { display: none; }
.ul-list li, .ul-case li { width: 50%; }
.ul-service li { padding-right: 0; }
.tab-con .txt { width: 100%; float: none; }
.tab-con .pic { width: 223px; margin: 0 auto; float: none; }
.tab-con img { float: none; }
.ul-icon { padding-right: 0; text-align: center; }
.ul-icon li { display: inline-block; float: none; }
.ul-web li { width: 100%; margin-bottom: 15px; }
#ban-in .ban-bg { display: none; }
.team .flexslider li .txt { width: 100%; }
.ul-case-i li a .hover { }
.ul-case-i li a:hover .hover { }
.team .flex-direction-nav .flex-next { left: 0; margin-top: 10px; }
.process { display: none; }
.web-con .shou { display: none; }
.tab-con .pic .img { display: none; }
#fd { padding-top: 0; }
#fd .fd-top { display: none; }
.service { background: #181837; }
.row2 { background: #f5f6fa; }
.map-s .map-bg3 { display: block; }
.index-fd { margin-top: -1px; }
.map .map-bg2 { background-image: url(../images/map_bg3.png); }
.team .flex-direction-nav { background: none; }
#banner .flex-control-nav { display: none; }
.tab-con-box { width: 100%; float: none; }
.web-con .pic { width: 100%; float: none; margin-top: 0; margin-bottom: 20px; }
.tab-con { min-height: auto; }
.team .flexslider li .pic { height: 300px; }
.map-bg3 { display: block; }
.map .map-bg2 { display: none; }
#banner .slides li.s1 .ban-txt h3 { font-size: 12px; }
}
@media screen and (max-width: 620px) {
#banner .slides li.s1 .ban-txt h3 { font-size: 8px; }
.case-article .computer-bg { }
#banner .slides li .ban-txt h5, #banner .slides li .ban-txt h3, #banner .slides li.s2 .ban-txt h4, #banner .slides li.s2 .ban-txt h6, #banner .slides li.s3 .ban-txt h4 { display: none; }
#banner .slides li .ban-txt h2 { font-size: 25px; }
#banner .slides li.s1 .ban-txt { background: none; }
#banner .slides li.s3 .ban-txt h3 { border-bottom: none; }
}
@media screen and (max-width: 640px) {
#banner .slides li .ban-txt h5 { font-size: 20px; }
#banner .slides li .ban-txt h2 { font-size: 25px; }
#banner .slides li .ban-txt h2 { height: 84px; line-height: 84px; }
#banner .slides li .ban-txt h3 { font-size: 13px; }
#banner .slides li.s2 .ban-txt h2 { font-size: 30px; }
#banner .slides li.s2 .ban-txt h3 { font-size: 25px; }
#banner .slides li.s3 .ban-txt h2 { font-size: 30px; }
#banner .slides li.s3 .ban-txt h3 { font-size: 25px; }
.customer { background: #04112b; }
.ul-customer li { width: 33.333%; }
.team .flexslider .slides li { background: none!important; }
.ul-webset li .block img { left: 50%; margin-left: -158px; }
.ul-webset li.li3 .block img { margin-left: -115px; }
.ul-case li { width: 100%; }
.ul-customer li { width: 50%; }
.sub-nav { text-align: left; }
.sub-nav ul li { width: 36%; }
.article-prev, .article-next { display: none; }
.service-btn a { margin-bottom: 15px; }
#banner .slides li.s1 .ban-txt h3 { font-size: 12px; }
}
@media screen and (max-width: 480px) {
.ul-icon-i li, .ul-case-i li { width: 100%; }
.ul-case-i-1 li { width: 100%; }
.ul-news-i li, .ul-news-i li:last-child { width: 100%; padding-right: 0; }
#fd dl { width: 100%; text-align: center; margin-bottom: 20px; }
#fd .fd-copy { height: auto; }
.contact-form .inp { width: 100%; height: 35px; }
#banner .slides li .ban-txt { height: auto; }
#banner .slides li .ban-txt h5 { font-size: 14px; }
#banner .slides li .ban-txt h3 { font-size: 12px; padding-top: 15px; }
#banner .slides li .ban-txt h2 { height: 54px; line-height: 54px; }
#banner .slides li.s1 .ban-txt h3 { font-size: 12px; }
#banner .slides li.s2 .ban-txt h2 { font-size: 25px; }
#banner .slides li.s2 .ban-txt h3 { font-size: 22px; }
#banner .slides li.s3 .ban-txt h2 { font-size: 25px; }
#banner .slides li.s3 .ban-txt h3 { font-size: 22px; }
#banner .slides li.s3 .ban-txt h4 { font-size: 12px; }
#banner .flex-control-nav { bottom: -5px; }
.ul-list li, .ul-case li { width: 100%; }
.ul-solution li { width: 100%; }
.ul-webset li.li1 .block, .ul-webset li.li2 .block { width: 100%; }
.ul-webset li { width: 100%; }
.ul-webset li .block img { }
.ul-tab li { width: 100%; }
#ban-in { height: 250px; }
.team .flex-direction-nav { background: none; }
.ul-case li .txt { }
.ul-list li .pic img { transform: perspective(000px) rotateY(0deg); transition: all 1s ease 0s; -moz-transform: perspective(000px) rotateY(0deg); -moz-transition: all 1s ease 0s; -webkit-transform: perspective(000px) rotateY(0deg); -webkit-transition: all 1s ease 0s; -o-transform: perspective(000px) rotateY(0deg); -o-transition: all 1s ease 0s; -ms-transform: perspective(000px) rotateY(0deg); -ms-transition: all 1s ease 0s; }
.web-con .shou { position: relative; display: none; }
.team .flexslider li .pic { height: 245px; }
#banner .slides li.s1 .ban-txt h3 { top: 30%; }
#banner .slides li.s1 .ban-txt h2 { line-height: 43px; }
#banner .slides li.s2 .ban-txt h4 { font-size: 12px; }
#banner .slides li.s2 .ban-txt h6 { display: none; }
#banner .slides li.s3 .ban-txt { top: 0; }
#banner .slides li.s3 .ban-txt h4 { line-height: 18px; }
#banner .slides li.s3 .ban-txt h2 { height: 50px; line-height: 50px; }
}
@media screen and (max-width: 414px) {
#banner .slides li.s1 .ban-txt h3 { top: 40%; font-size: 12px; }
#banner .slides li.s1 .ban-txt h2 { line-height: 20px; }
#banner .slides li.s3 .ban-txt { top: 20px; }
#ban-in { display: none; }
#m-hd { border-bottom: 1px solid #ccc; }
}
@media screen and (max-width: 375px) {
#banner .slides li.s1 .ban-txt h3 { top: 37%; font-size: 12px; }
}
@media screen and (max-width: 320px) {
#banner .slides li.s1 .ban-txt h3 { font-size: 12px; }
#banner .slides li .ban-txt { }
#banner .slides li .ban-txt h5 { font-size: 12px; margin-top: -5px; }
#banner .slides li .ban-txt h2 { font-size: 18px; height: 30px; line-height: 30px; }
#banner .slides li .ban-txt h3 { font-size: 12px; }
#banner .slides li.s2 .ban-txt h2 { font-size: 18px; height: 20px; line-height: 20px; }
#banner .slides li.s2 .ban-txt h3 { font-size: 14px; }
#banner .slides li.s3 .ban-txt h2 { font-size: 18px; height: 24px; line-height: 24px; }
#banner .slides li.s3 .ban-txt h3 { font-size: 14px; }
#banner .slides li.s3 .ban-txt h4 { font-size: 12px; margin-top: 5px; }
.team .flexslider li .pic { height: 160px; }
.ul-customer li { width: 100%; }
}